import React, {  } from 'react'
import { Button, Space,Card,Form } from 'antd-mobile'
import { Input } from 'antd-mobile'
import { Radio } from 'antd-mobile'
import Toastlist from '../../compoents/Toastlist'
import { useNavigate } from 'react-router-dom'

function Index() {
    //   const [value, setValue] = useState('')
    const navigate = useNavigate()
  return (
    <div>
      <Toastlist></Toastlist>

     <Button block color='primary' size='large'>
          证件扫描
        </Button>

        <Card style={{marginLeft:'50px'}}>  <Radio />成人    <Radio />儿童    <Radio />学生  </Card>

         <Form>
        <Form.Item
          name='name'
          label='姓名'
          
        >
          <Input onChange={console.log} placeholder='请输入姓名' />
        </Form.Item>

    <Form.Item
          name='usernames'
          label='证件类型'
         
        >
          <span>身份证</span>
        </Form.Item>

         <Form.Item
          name='username'
          label='证件号码'
         
        >
          <Input onChange={console.log} placeholder='请输入证件号码' />
        </Form.Item>

         <Form.Item
          name='usernameed'
          label='手机（+86）'
         
        >
          <Input onChange={console.log} placeholder='请输入手机号码' />
        </Form.Item>
       
      </Form>

      <Button onClick={()=>navigate(-1)} style={{position:'absolute',bottom:'5px'}} block type='submit' color='warning' size='large'>
            确定
          </Button>
    </div>
  )
}

export default Index
